// index.js
Page({
  // 这里写，这个页面的配置项

  // data 这里定义模板需要的数据
  data: {
    str: "Hello World 222",
    productList: [], // 商品列表数据
    bannerList: [], // 轮播图数据
    currentPage: 1, // 当前页码
    pageSize: 10, // 每页数量
    hasMore: true, // 是否还有更多数据
    loading: false, // 是否正在加载
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.loadBannerData();
    this.loadProductData(true);
  },

  /**
   * 加载轮播图数据
   */
  loadBannerData() {
    wx.request({
      url: "http://47.94.6.186:3001/api/banner/list",
      method: "GET",
      success: (res) => {
        console.log("轮播图数据:", res.data);
        this.setData({
          bannerList: res.data.data || [],
        });
      },
      fail: (err) => {
        console.error("加载轮播图失败:", err);
        wx.showToast({
          title: "加载轮播图失败",
          icon: "none",
        });
      },
    });
  },

  /**
   * 加载商品数据
   * @param {boolean} isRefresh 是否为刷新操作
   */
  loadProductData(isRefresh = false) {
    if (this.data.loading) return;

    this.setData({ loading: true });

    const page = isRefresh ? 1 : this.data.currentPage;

    wx.request({
      url: "http://47.94.6.186:3001/api/pro/list",
      method: "GET",
      data: {
        page: page,
        pageSize: this.data.pageSize,
      },
      success: (res) => {
        console.log("商品数据:", res.data);
        const newData = res.data.data || [];

        this.setData({
          productList: isRefresh
            ? newData
            : [...this.data.productList, ...newData],
          currentPage: page,
          hasMore: newData.length === this.data.pageSize,
          loading: false,
        });

        // 如果是下拉刷新，停止刷新动画
        if (isRefresh) {
          wx.stopPullDownRefresh();
        }
      },
      fail: (err) => {
        console.error("加载商品数据失败:", err);
        this.setData({ loading: false });
        wx.showToast({
          title: "加载失败",
          icon: "none",
        });

        // 如果是下拉刷新，停止刷新动画
        if (isRefresh) {
          wx.stopPullDownRefresh();
        }
      },
    });
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {},

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {},

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {},

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {},

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {
    console.log("下拉刷新");
    // 重置页码并刷新数据
    this.setData({
      currentPage: 1,
      hasMore: true,
    });
    this.loadProductData(true);
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {
    console.log("上拉加载更多");
    // 如果还有更多数据且当前没有在加载，则加载下一页
    if (this.data.hasMore && !this.data.loading) {
      this.setData({
        currentPage: this.data.currentPage + 1,
      });
      this.loadProductData(false);
    } else if (!this.data.hasMore) {
      wx.showToast({
        title: "没有更多数据了",
        icon: "none",
      });
    }
  },

  /**
   * 商品点击事件
   * @param {Object} e 事件对象
   */
  onProductTap(e) {
    const index = e.currentTarget.dataset.index;
    const product = this.data.productList[index];

    console.log("点击商品:", product);

    // 跳转到商品详情页，传递商品ID
    wx.navigateTo({
      url: `/pages/details/details?id=${product.proid}`,
    });
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {},
});
